@import '~@/assets/css/mixins';

.test_modal {
  //width: 1220px;
  .form {
    //padding: 0 14px;
  }
  .disabled {
    pointer-events: none;
    cursor: not-allowed;
  }
  .container {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    .container_left {
      width: 50%;
      .container_left_title {
        margin-bottom: 10px;
        font-size: 14px;
        color: @gray-700;
        .text_overflow_single();
      }
    }
    .container_right {
      margin-left: 24px;
      width: 50%;
      //background: #00c1de;
      :global {
        .ant-tabs {
          height: 100%;
        }
        .ant-tabs-content-holder {
          height: calc(100% - 46px);
        }
        .ant-tabs-content {
          height: 100%;
        }
      }
      .json_diff_editor {
        height: 100%;
        width: 100%;
        //background: #00c1de;
      }
      .req_log_content {
        white-space: pre-wrap;
        overflow-y: auto;
        font-size: 14px;
      }
    }
  }
  .table + div {
    display: none;
  }
  .empty_box {
    margin-top: 60px;
    text-align: center;
    img {
      width: 140px;
    }
    .note {
      margin-top: 16px;
      font-size: 14px;
      color: @gray-500;
    }
  }
  :global {
    .ant-spin-nested-loading {
      height: 100%;
      .ant-spin-container {
        height: 100%;
      }
    }
    .ant-table-cell {
      .ant-form-item {
        margin-bottom: 0;
      }
    }
  }
}

